/* Copyright (C) 2014-2015 Mammoth Inc. */
.mm_class_logo {
	width: 60px;
	margin-bottom: 10px;
}
.mm_like {
	padding: 10px 5px 10px 0;
}
.mm_share {
	padding: 10px 0 10px 5px;
}
.mm_icon_like, .mm_icon_share {
	padding-right: 5px;
}
.mm_btn_like, .mm_btn_share {
	color: #fff;
	padding: 13px 0;
	border: none;
}
.mm_btn_like, .mm_btn_like:visited {
	background-color: rgba(91, 222, 104, 0.15);
	text-decoration: none;
}
.mm_btn_like:hover {
	color: #fff;
	background-color: rgba(91, 222, 104, 0.3);
	text-decoration: none;
}
.mm_btn_like:active {
	color: #fff;
	background-color: rgba(91, 222, 104, 0.1);
	text-decoration: none;
}
.mm_btn_share, .mm_btn_share:visited {
	background-color: rgba(59, 132, 216, 0.15);
	text-decoration: none;
}
.mm_btn_share:hover {
	color: #fff;
	background-color: rgba(59, 132, 216, 0.3);
	text-decoration: none;
}
.mm_btn_share:active {
	color: #fff;
	background-color: rgba(59, 132, 216, 0.1);
	text-decoration: none;
}
.mm_panel {
	border-radius: 1px !important;
}
#mm_share_popout {
	color: #000;
}
.mm_jumbotron {
	color: #fff;
	background-color: #11364c;
	padding-bottom: 80px;
	margin-top: -11px;
}
.mm_jumbotron h1 {
	color: #ffa84b;
	font-size: 36px;
}
.mm_jumbotron h2 {
	font-size: 15px;
	line-height: 28px;
}
.mm_class_content {
	top: -64px;
}
.mm_btn_continue, .mm_btn_continue:visited {
	color: #fff;
	background-color: #ffa84b;
	padding: 20px 0;
	margin: 0 0 20px 0;
	border: none;
	font-size: 18px;
	text-decoration: none;
}
.mm_btn_continue:hover {
	color: #fff;
	background-color: #ffb154;
	text-decoration: none;
}
.mm_btn_continue:active {
	color: #fff;
	background-color: #e89640;
	text-decoration: none;
}
.mm_class_panel {
	border-radius: 1px !important;
}
.mm_class_panel + .mm_class_panel {
	margin-top: 0 !important;
	border-top: none;
}
.mm_class_panel > .mm_class_panel_heading {
	overflow: hidden;
	background-color: #fff;
	padding: 36px;
	cursor: pointer;
	-webkit-transition: background-color linear 0.1s;
	-moz-transition: background-color linear 0.1s;
	-ms-transition: background-color linear 0.1s;
	-o-transition: background-color linear 0.1s;
	transition: background-color linear 0.1s;
}
.mm_class_panel > .mm_class_panel_heading:hover {
	background-color: #fdfdfd;
}
.mm_class_panel > .mm_class_panel_body {
	background-color: #fbfbfb;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}
.mm_class_panel > .mm_class_panel_body > a {
	text-decoration: none;
}
.mm_class_panel_title {
	font-size: 20px;
	padding-bottom: 4px;
	color: #41667c;
}
.mm_class_panel_subtitle {
	font-size: 14px;
}
.mm_class_panel_progress {
	text-align: center;
}
.mm_class_progress {
	height: 67px;
	width: 67px;
}
.mm_class_check {
	left: 15px;
}
.mm_class_checklogo {
	margin-top: 5px;
	height: 31px;
	width: 31px;
}
.mm_class_angle {
	opacity: 0;
	text-align: center;
	color: #ccc;
}
.mm_arrow_right {
	margin-top: 10px;
	height: 20px;
	width: 11px;
}
.mm_arrow_down {
	margin-top: 10px;
	height: 11px;
	width: 20px;
}
.mm_arrow_up {
	transform: rotate(180deg) translateY(-10px);
	-ms-transform: rotate(180deg) translateY(-10px);
	-webkit-transform: rotate(180deg) translateY(-10px);
	-moz-transform: rotate(180deg) translateY(-10px);
}
.mm_class_panel .mm_class_angle {
	top: 12px;
	left: 12px;
}
.mm_class_item {
	padding: 18px 36px;
	-webkit-transition: background-color linear 0.1s;
	-moz-transition: background-color linear 0.1s;
	-ms-transition: background-color linear 0.1s;
	-o-transition: background-color linear 0.1s;
	transition: background-color linear 0.1s;
}
.mm_class_item:hover {
	background-color: #efefef;
}
.mm_class_item .mm_class_angle {
	top: 0;
	left: 12px;
}
.mm_class_item_title {
	padding: 10px 15px;
	font-size: 20px;
}
.mm_sidebar_title {
	color: #41667c;
	font-size: 16px;
	margin-bottom: 20px;
}
.mm_sidebar_title > .mm_icon {
	color: #f8a144;
}
.mm_tag, .mm_tag:visited {
	display: inline-block;
	margin: 4px 2px;
	padding: 5px 30px;
	border-radius: 1px;
	color: #fff !important;
	background-color: rgba(17, 54, 76, 0.2);
	text-decoration: none;
}
.mm_tag:hover {
	color: #fff !important;
	background-color: rgba(17, 54, 76, 0.8);
	text-decoration: none;
}
.mm_tag:active {
	color: #fff !important;
	background-color: rgba(17, 54, 76, 0.9);
	text-decoration: none;
}
.mm_icon {
	color: #ffb154;
}
.mm_class_sidebar_author {
	padding-top: 40px;
	text-decoration: none;
}
.mm_author:hover {
	text-decoration: none;
}
.mm_author_avatar {
	height: 100%;
	width: 100%;
}
.mm_author_name {
	padding: 10px 0;
}
@media (min-width:768px) {
	.mm_class_title {
		padding-left: 10px;
	}
}
@media (max-width:767px) {
	.mm_jumbotron {
		padding-left: 0;
		padding-right: 0;
	}
	.mm_class_panel_title_group {
		padding-top: 10px;
	}
	.mm_class_panel_title {
		text-align: center;
	}
	.mm_class_panel .mm_class_angle {
		top: 0 !important;
		left: 0 !important;
	}
	.mm_class_panel_body {
		text-align: center;
	}
	.mm_class_check {
		left: 0 !important;
	}
}
@media (max-width:991px) {
	.mm_like, .mm_share {
		padding: 10px 0 10px 0;
	}
}
.mm_tag_span {
	margin: 20px 30px 0 32px;
	float: left;
	background-color: #C9CFD3;
	color: #fff;
	font-size: 14px !important;
	min-width: 30px;
	border-radius: 0 5px 5px 0;
}
.mm_tag_img {
	opacity: 0.2;
	margin-left: -24px;
}
.mm_tag_name {
	padding-right: 30px;
}
.mm_loginTips{
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index:1000;
}
.mm_forbidSkipClass{
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index:1000;
}
.mm_loginBox{
	position: absolute;
	width: 400px;
	height: 200px;
	background: white;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -200px;
	border-radius: 4px;
	font-family: "黑体";
}

.mm_loginBox span{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 7.5px;
	text-align: center;
	line-height: 11px;
	right: 10px;
	top: 10px;
	background: rgb(215, 208, 208);
	color: white;
	font-size: 16px;
	cursor: pointer;
}
.mm_loginBox p{
	width: 340px;
	height: 50px;
	font-size: 16px;
	margin-left: 32px;
	margin-top: 20px;
	line-height: 25px;
}
.mm_loginBox a{
	display: inline-block;
	width: 150px;
	height: 50px;
	margin-top: 50px;
	float: left;
	margin-left: 125px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: white;
	cursor: pointer;
	background: #5CD889;
}

#loginBtn:hover{
	text-decoration: none;
	background: #6CE692;
}